<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style>
		.container{
			height: 200px;
			background: red;
			width: 300px;
			border: 1px solid;
			padding: 30px;
			margin-left: 20px;/*父元素移动，子元素也会跟着移动*/
		}

		.son{
			background: blueviolet;
			height: 100px;
			border: 1px solid beige;
		}
	</style>
</head>
<body>
	<!-- 盒子的包含快为其父元素的内容盒 -->
	<div class="container">
		<div class="son"></div>
	</div>
</body>
</html>